Testing React with Testing Library

『Testing Library を使った React のテスト』

TDD のアプローチを利用して、React Component の動作を確認する単体テストを書く

TDD のアプローチ

複雑なコンポーネントをより小さい部品ごとに構築する

一度に一つずつテストすることを意識する

TypeScript と React の強力な JSX 構文と、Testing Library（React Testing Library）というテストツールとを活用する

要素を取得する際には、ARIA ロールを使用することを推奨している

これより自然とアクセシビリティを遵守したマークアップになる

セットアップ

インストール

単一の React Component を開発するので、Vite を利用する

code:sh

$ npm create vite carousel -- --template react-ts

$ cd carousel

$ npm install

サーバ立ち上げ

code:sh

$ npm run dev

https://scrapbox.io/files/66d134e376dd5200224fcf72.png

各種ツール設定（省略）

実践例